<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>美食_生活</title>
    <link rel="icon" href="image/dp_favicon.ico">
    <link rel="stylesheet" href="css/first_page.css">
    <link rel="stylesheet" href="css/dp_login.css">
    <script src="js/JS_first_page.js"></script>
</head>
<body>
<!-- 顶部导航 -->
<div class="header-container">
    <div id="top-nav" class="top-nav">
        <div class="top-nav-container">
            <div class="mini-logo">
                <a href="">
                    <i class="icon-logo"></i>
                    大众点评首页
                </a>
            </div>
            <div class="quick-menu">
                <ul class="quick-menu-ul">
                    <li class="menu-item"><a href="">写点评</a> </li>
                    <li  class="menu-item">
                        <a href="">
                            <span>你好，请登录</span>
                        </a>
                        <a href="">
                            <span>免费注册</span>
                        </a>
                    </li>
                    <li  >
                        <div class="menu-item dropdown">
                            <a href="" >
                                <p>个人中心</p>
                                <img src="image/sanjiaoxing.svg">
                            </a>

                            <div class="dropdown-content">
                                <a href="">我的点评</a>
                                <a href="">我的收藏</a>
                                <a href="">我的团购</a>
                            </div>
                        </div>


                    </li>
                    <li  class="menu-item"><a href="">商户服务</a> </li>

                </ul>

            </div>
        </div>
    </div>
</div>
<!-- logo部分 -->
<div class="header">
    <div class="big-logo">
        <a href=""><img src="image/logo@2x-1828c2a9.png"></a>
        <span>苏州</span>
    </div>
    <div class="search-area">
        <input type="text">
        <input type="submit" value="搜美食">
    </div>
    <div class="search-all">
        <input type="submit" value="搜全站">
    </div>

</div>

    <!-- banner区域-->
    <div class="top-main">
        <div class="nav-bar">
            <ul>
                <li>
                    <div class="top-nav-left">
                        <span class="droptn">全部美食分类</span>
                            <div class="dropdown-content">
                                <div class="types">
                                    <a href="">中餐</a>
                                    <a href="">火锅</a>
                                    <a href="">人气聚餐</a>
                                    <div class="detil-types">
                                        <span>中餐</span>
                                        <a href="">日本菜</a>
                                        <a href="">人气聚餐</a>
                                    </div>
                                </div>
                                <div class="types">
                                    <a href="">异国料理</a>
                                    <a href="">东南亚</a>
                                    <a href="">自助餐</a>
                                    <div class="detil-types">
                                        <span>异国料理</span>
                                        <a href="">东南亚</a>
                                        <a href="">自助餐</a>
                                    </div>
                                </div>
                                <div class="types">
                                    <a href="">小吃夜宵</a>
                                    <a href="">海鲜</a>
                                    <a href="">小吃快餐</a>
                                    <div class="detil-types">
                                        <span>小吃夜宵</span>
                                        <a href="">海鲜</a>
                                        <a href="">小吃快餐</a>
                                    </div>
                                </div>
                                <div class="types">
                                    <a href="">甜点饮品</a>
                                    <a href="">面包</a>
                                    <a href="">咖啡</a>
                                    <div class="detil-types">
                                        <span>甜点饮品</span>
                                        <a href="">面包</a>
                                        <a href="">咖啡</a>
                                        <a href="">面包</a>
                                        <a href="">咖啡</a>
                                        <a href="">面包</a>
                                        <a href="">咖啡</a>
                                        <a href="">咖啡</a>
                                        <a href="">面包</a>
                                        <a href="">咖啡</a>
                                        <a href="">面包</a>
                                        <a href="">咖啡</a>
                                    </div>

                                </div>
                            </div>
                    </div>
                    <div class="top-nav-right"><img src="image/jiantou.png"></div>
                </li>
                <li>
                    <a href="">霸王餐</a>
                    <img src="image/hot.png">
                </li>
                <li><a href="">社区论坛</a> </li>
            </ul>
        </div>
    </div>


    <!--body区域-->
    <div class="shop-body">
        <!--顶部-->
        <div class="bread-cru-numb">
            <a href="">苏州美食</a>
            &gt;
            <a href=""> 素食</a>
            &gt;
            <a href=""> 工业园区 </a>
            &gt;
            <a href=""> 博览中心</a>
            &gt;
            <a href="">大蔬无界(诚品店)</a>
        </div>
        <div class="basic-info">
            <div class="shop-name">大疏无界（诚品店）</div>
            <div class="brief-info">
                <span class="shop-star">
                    <span class="star-item"></span>
                    <span class="star-item"></span>
                    <span class="star-item"></span>
                    <span class="star-item"></span>
                    <span class="star-item"></span>
                </span>
                <div class="item">
                    <span class="item-info">4280</span>
                    <span class="item-info">条评论</span>
                </div>
                <div class="item">
                    <span class="item-info">人均：</span>
                    <span class="item-info">215</span>
                    <span class="item-info">元</span>
                </div>
                <div class="item">
                    <span class="item-info">口味：</span>
                    <span class="item-info">8.9</span>
                </div>
                <div class="item">
                    <span class="item-info">环境：</span>
                    <span class="item-info">9.2</span>
                </div>
                <div class="item">
                    <span class="item-info">服务：</span>
                    <span class="item-info">8.3</span>
                </div>
            </div>
            <div class="expand-info">地址：月郎街8号诚品生活3楼L303</div>
            <div class="expand-info tel">电话：0512-124124 &nbsp;&nbsp;0512-6666666</div>
            <div class="action">
                <span class="special">特色：</span>
            </div>
            <div class="hide-content">
                <div class="hide-content-word" onclick="hide()">
                    <span >更多</span>
                    <img src="image/shangjiantou.png">
                </div>

            </div>
            <div class="more-content">
                <div class="more-content-word" onclick="show()">
                    <span>收起</span>
                    <img src="image/xiajiantou.png">
                    <p>1111111111111111111111111111111111111</p>
                </div>
            </div>

            <div class="action">
                <div class="action-left">
                    <img src="image/dianping.png">
                    <a href="">写点评</a>
                </div>
            </div>

        </div>
        <div class="photo-thumb">
            <img src="image/dashu2.png">
            <div class="photo-info">
                <a href="" class="photo-info-left">20506</a>
                <a href="" class="photo-info-right">添加照片</a>
            </div>
            <div class="min-photos">
                <div class="left-jt"></div>
                <img src="image/dashumin1.jpg" class="dashumin1" onclick="dashumin1()">
                <img src="image/dashumin2.jpg" class="dashumin2" onclick="dashumin2()">
                <img src="image/dashumin3.jpg" class="dashumin3" onclick="dashumin3()">
                <div class="right-jt"></div>
            </div>
        </div>
        <!--/*********************推荐菜等********************/-->
        <div class="tabs-wrapper">
            <div class="mod-title">
                <a href="">推荐菜</a>
                <a href="">环境</a>
                <a href="">价目表</a>
                <a href="">官方相册</a>
            </div>
            <div class="shop-tab-recommend">
                <div class="item">
                    <img src="image/meishi1.jpg">
                    <p>满城竟是黄花..</p>
                    <span class="price">￥89</span>
                </div>
                <div class="item">
                    <img src="image/meishi2.jpg">
                    <p>巴蜀夫妻</p>
                    <span class="price">￥69</span>
                </div>
                <div class="item">
                    <img src="image/meishi2.jpg">
                    <p>卷珠帘</p>
                    <span class="price">￥89</span>
                </div>
                <div class="item">
                    <img src="image/meishi1.jpg">
                    <p>黄咖喱</p>
                    <span class="price">￥49</span>
                </div>
                <div class="item">
                    <img src="image/meishi3.jpg">
                    <p>耦合</p>
                    <span class="price">￥19</span>
                </div>
                <div class="item">
                    <img src="image/meishi1.jpg">
                    <p>彩虹..</p>
                    <span class="price">￥89</span>
                </div>
                <div class="item">
                    <img src="image/meishi2.jpg">
                    <p>糙米饭</p>
                    <span class="price">￥89</span>
                </div>
                <div class="item">
                    <img src="image/meishi2.jpg">
                    <p>满城竟是黄花..</p>
                    <span class="price">￥89</span>
                </div>

            </div>
        </div>

        <div class="comment-mod">
            <div class="mod-title">
                <a href="">网友点评</a>
                (
                <span>4821</span>
                )

            </div>
            <div class="comment-condition">
                <div class="hd">
                    <span>大家认为</span>
                </div>
                <div class="content">
                    <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>

                    </span>
                    <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>
                    <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>
                    <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>
                     <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>
                     <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>

                    <span class="j-summary">
                        <a href="" >回头客</a>
                        <a href="" >(123123)</a>
                    </span>

                </div>
            </div>
            <div class="comment-filter-box">
                <label class="filter-item">
                <input type="radio" name="a"/>全部
            </label>
            <label class="filter-item">
                <input type="radio" name="a"/>喜欢
            </label>
            <label class="filter-item">
                <input type="radio" name="a"/>不喜欢
            </label>
            </div>
            <div class="comment-list">
                <ul>
                    <li>
                        <div class="user-pic">
                            <img src="image/touxiang1.jpg">
                        </div>
                        <div class="comment-detail">
                            <div class="user-info">
                                <a href="" class="name">苏州小仙女四哥哥</a>
                                <img src="image/squarelv6.png">
                            </div>
                            <div class="content">
                                <div class="brief-info">
                                    <span class="shop-star">
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                    </span>
                                    <div class="item">
                                        <span class="item-info">人均：</span>
                                        <span class="item-info">215</span>
                                        <span class="item-info">元</span>
                                    </div>
                                </div>
                                <div class="comment-content">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一......</p>
                                    <div class="more-comment-content">
                                        <span onclick="show_comment()">展开评论</span>

                                        <img src="image/xiajiantou.png">
                                    </div>
                                </div>
                                <div class="comment-content-detail">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一</p>
                                    <div class="hide-comment-content">
                                        <span onclick="hide_comment()">收起评论</span>
                                        <img src="image/shangjiantou1.png">
                                    </div>
                                </div>
                                <div class="recommend-info">
                                    <span class="item-info">喜欢的菜：</span>
                                    <span class="item-info">满城尽是黄金甲</span>
                                    <span class="item-info">黄咖喱</span>
                                </div>
                                <div class="photos">
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                    <a href=""><img src="image/dashumin3.jpg"></a>
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                </div>
                                <div class="misc-info">
                                    <span class="time">2019-09-12 10:11:21</span>
                                    <span class="actions">
                                        <a href="" class="item">赞（3）</a>
                                        <a href="" class="item">回应（2）</a>
                                        <a href="" class="item">收藏</a>
                                    </span>
                                </div>
                                <div class="comment-follows">
                                    <a href="" class="trigger">商家回应</a>
                                    <img src="image/xiajiantou.png">
                                    <span class="time">2019-09-12 10:11:21</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user-pic">
                            <img src="image/touxiang1.jpg">
                        </div>
                        <div class="comment-detail">
                            <div class="user-info">
                                <a href="" class="name">苏州小仙女四哥哥</a>
                                <img src="image/squarelv6.png">
                            </div>
                            <div class="content">
                                <div class="brief-info">
                                    <span class="shop-star">
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                    </span>
                                    <div class="item">
                                        <span class="item-info">人均：</span>
                                        <span class="item-info">215</span>
                                        <span class="item-info">元</span>
                                    </div>
                                </div>
                                <div class="comment-content">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一......</p>
                                    <div class="more-comment-content">
                                        <span onclick="show_comment()">展开评论</span>

                                        <img src="image/xiajiantou.png">
                                    </div>
                                </div>
                                <div class="comment-content-detail">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一</p>
                                    <div class="hide-comment-content">
                                        <span onclick="hide_comment()">收起评论</span>
                                        <img src="image/shangjiantou1.png">
                                    </div>
                                </div>
                                <div class="recommend-info">
                                    <span class="item-info">喜欢的菜：</span>
                                    <span class="item-info">满城尽是黄金甲</span>
                                    <span class="item-info">黄咖喱</span>
                                </div>
                                <div class="photos">
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                    <a href=""><img src="image/dashumin3.jpg"></a>
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                </div>
                                <div class="misc-info">
                                    <span class="time">2019-09-12 10:11:21</span>
                                    <span class="actions">
                                        <a href="" class="item">赞（3）</a>
                                        <a href="" class="item">回应（2）</a>
                                        <a href="" class="item">收藏</a>
                                    </span>
                                </div>
                                <div class="comment-follows">
                                    <a href="" class="trigger">商家回应</a>
                                    <img src="image/xiajiantou.png">
                                    <span class="time">2019-09-12 10:11:21</span>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="user-pic">
                            <img src="image/touxiang1.jpg">
                        </div>
                        <div class="comment-detail">
                            <div class="user-info">
                                <a href="" class="name">苏州小仙女四哥哥</a>
                                <img src="image/squarelv6.png">
                            </div>
                            <div class="content">
                                <div class="brief-info">
                                    <span class="shop-star">
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                        <span class="star-item"></span>
                                    </span>
                                    <div class="item">
                                        <span class="item-info">人均：</span>
                                        <span class="item-info">215</span>
                                        <span class="item-info">元</span>
                                    </div>
                                </div>
                                <div class="comment-content">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一......</p>
                                    <div class="more-comment-content">
                                        <span onclick="show_comment()">展开评论</span>

                                        <img src="image/xiajiantou.png">
                                    </div>
                                </div>
                                <div class="comment-content-detail">
                                    <p>发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一
                                        发展住房租赁市场、扩大住房租赁业务、高租赁住房在居住用房中的比重，将成为下一步住房制度改革的重要内容之一</p>
                                    <div class="hide-comment-content">
                                        <span onclick="hide_comment()">收起评论</span>
                                        <img src="image/shangjiantou1.png">
                                    </div>
                                </div>
                                <div class="recommend-info">
                                    <span class="item-info">喜欢的菜：</span>
                                    <span class="item-info">满城尽是黄金甲</span>
                                    <span class="item-info">黄咖喱</span>
                                </div>
                                <div class="photos">
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                    <a href=""><img src="image/dashumin3.jpg"></a>
                                    <a href=""><img src="image/dashu.jpg"></a>
                                    <a href=""><img src="image/dashumin2.jpg"></a>
                                </div>
                                <div class="misc-info">
                                    <span class="time">2019-09-12 10:11:21</span>
                                    <span class="actions">
                                        <a href="" class="item">赞（3）</a>
                                        <a href="" class="item">回应（2）</a>
                                        <a href="" class="item">收藏</a>
                                    </span>
                                </div>
                                <div class="comment-follows">
                                    <a href="" class="trigger">商家回应</a>
                                    <img src="image/xiajiantou.png">
                                    <span class="time">2019-09-12 10:11:21</span>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


    </div>

    <!-- 网站底部 -->
    <div class="footer-container">
        <div class="links">
            <ul>
                <li><a href="" >关于大众点评</a></li>
                <li><a href="" >诚守公约</a></li>
                <li><a href="" >网站帮助</a></li>
                <li><a href="" >人才招聘</a></li>
                <li><a href="" >最新资讯</a></li>
            </ul>
            <p>©2003-2019 dianping.com, All Rights Reserved. 本站发布的所有内容，未经许可，不得转载，详见 《知识产权声明》。</p>
        </div>
    </div>
</div>

</body>
</html>